<template >
    <div>
        <h1>Vue 基本的语法 ---html 模版语法（{{ }}）+指令</h1>
        <input type="text" v-model="usename">
        <input type="text" v-model="usepwd">
        <input type="button" value="注册" @click="Login">
        <p>{{ usename }}</p>
        <p>{{ usepwd }}</p>
    </div>
</template>

<script setup lang="ts">
import { toRefs } from 'vue';
import { reactive } from 'vue'
let data:any=reactive({
   usename:"",
   usepwd:""
})
let {usename,usepwd}=toRefs(data) 
const Login=()=>{
    console.log(usename,usepwd)
    
}

</script>

<style scoped>

</style>